body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0;
}


body {
	overflow:hidden;
	margin: 5px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Open Sans','Lucida Grande',sans-serif;
}



a:hover {
	text-decoration: underline;
}


fieldset {
	border: 1px #59983B solid;
	border-radius: 5px;
	padding: 5px;
	font-family: 'Open Sans','Lucida Grande',sans-serif;
	font-size: 12px;
}

legend {
	color: #333;
	font-size: 14px;
	margin-left: 5px;
	font-family: 'Open Sans','Lucida Grande',sans-serif;
}

div {
	border: 0px solid;
}


.clear {
  clear: both;
  border: 0;
}


.container {
	width: 750px;
	margin: 45px auto;
	text-align: center;
}

.logo {
	clear:both;
	position: relative;
	float:left;
	
	top:-40px;
	left: 10px;
	width: 190px;
	height: 70px;
	margin: 5px;
	
	background: #FFF;
	border: 4px solid #59983B;
    border-radius: 10px;
}

.ust {
	clear:both;
	width: 100%;
	border: medium none;
	border-radius: 10px 10px 0px 0px;
	background: #3B5998;
	
}

.search_ust {
	position: relative;
	float: left;
	
	width: 220px;
	height: 40px;
	margin: 10px;

	left: 50px;
}

.search-text {
    background: white;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    float: none;
    font-family: 'Open Sans','Lucida Grande',sans-serif;
    font-size: 12px;
    padding: 4px 5px 4px 15px;
    width: 200px;
    color: #808080;
}

.user_ust {
	
	position: relative;
	float: right;
	
	width: 220px;
	height: 20px;
	margin: 10px;
	
	vertical-align:middle;
	
	color: #FFF;
}

.ust_line {
	
	clear:both;
	
	width: 710px;

	padding: 5px;
	
	border: 0px;
	
	text-align: center;
}

.alt {
	clear:both;
	width: 720px;

	padding: 10px;

	display: inline-block ;
	
	border: 5px solid #3B5998;
	border-radius: 0px 0px 10px 10px;
	background: #FFF;
}


.contact_title {
	float: left;
	position: relative;
	
	font: bold 18px 'Open Sans','Lucida Grande', helvetica;
	color: #333;	
}

.error {
	color: #FF0000;
}

.succesful {
	color: #59983B;
}

.table-row {
	clear: both;
    color: #000000;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 500px;
    border: 1px solid #CCC;
}

.left-container {
    border: 0;
    color: #333;
    float: left;
    font: bold 13px verdana;
    margin: 0;
    padding: 4px;
    width: 120px;
}

.right-container {
    border: 0;
    color: #333;
    float: right;
    font: 13px verdana;
    margin: 0;
    padding: 4px 0;
    width: 370px;
}

.vehicles_tab {
	
	clear:both;
	
	width: 710px;

	padding: 5px;
	
	border: 0px;
	
	text-align: center;
}

.form-left {
    padding: 5px 0;
	float: left;
	width : 25%;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.form-right {
    padding: 5px 0;
	float: right;
	width : 75%;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.left-row {
	float: left;
	position: relative;
	width: 200px;
	padding: 2px;
	font-size: 13px;
	color: #333;
	font-family: 'Open Sans','Lucida Grande', helvetica;
}


.driverlogo {
	clear:both;
	position: relative;
	float:right;
	
	border: 4px solid #59983B;
    border-radius: 10px;
	
}


.hitchhikerlogo {
	clear:both;
	position: relative;
	float:left;
	
	border: 4px solid #59983B;
    border-radius: 10px;
	
}

.createjourney_tab {
	
	clear:both;
	
	width: 710px;

	padding: 5px;
	
	border: 0px;
	
	text-align: center;
}


.homepage-left {
	margin-top: 4px;
	padding: 10px;
	float: left;
	width : 46%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
}

.homepage-right {
	margin-top: 4px;
	padding: 10px;
	float: right;
	width : 46%;
	border-width: 1px 2px 2px 1px;
	border-color: #59983B;
    border-radius: 5px;
}

.journey-list {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #59983B;
}

.box-title {
	text-align: left;
	width: 100%;
	padding-bottom: 2px;
	border-bottom: 1px solid #59983B;
	margin-bottom: 6px;
}

.box-left {
	width: 39%;
	float: left;
	text-align: left;
}

.box-center {
	width: 39%;
	float: left;
	text-align: left;
}

.box-right {
	width: 22%;
	float: left;
	text-align: right;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.box-search {
	width: 100%;
}

.box-search-left {
	padding: 5px 0;
	text-align: left;
	float: left;
	width: 49%;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.box-search-right {
	padding: 5px 0;
	text-align: left;
	float: right;
	width: 49%;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.search-button {
	float: right;
}

.search-tab {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 10px;
	float: center;
	width : 97%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
    display: inline-block;
}

.search-tab-route {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #59983B;
	text-align: left;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
}

.search-middle {
	width: 100%;
	display: inline-block;
}

.search-col {
	padding-left: 10px;
	width: 45%;
	float: left;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.search-col2 {
	width: 25%;
	float: left;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.search-col-left {
	float: left;
	width: 25%;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	color: #59983B;
}

.search-col-right {
	float: right;
	width: 75%;
	text-align: left;
	font: normal 12px 'Open Sans','Lucida Grande', helvetica;
}

.search-plate {
	padding-left: 10px;
	background-size: 100% 100%;
	width: 20%;
	float: left;
	background-image: url("/public/images/plate.png");
	text-align: center;
	font: bold 21px 'Open Sans','Lucida Grande', helvetica;
}

.search-bottom {
	margin-top: 6px;
	text-align: center;
	display: inline-block;
}

.search-bottom-col {
	width: 200px;
	float: left;
	text-align: center;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
}

.filter-search-top {
	margin-top: 5px;
	width: 100%;
	display: inline-block;
}

.filter-search {
	margin-bottom: 5px;
	width: 100%;
	display: inline-block;
}

.filter-search-col {
	padding-right: 2px;
	text-align: left;
	float: left;
	width: 15%;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.filter-search-button {
	padding-bottom: 5px;
	width: 50px;
	float: right;
}

.details-main {
	width: 100%;
    display: inline-block;
}

.details-title {
	margin-bottom: 10px;
	padding-bottom: 11px;
	border-bottom: 1px solid #59983B;
	text-align: left;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
}

.details-left {
	padding: 8px;
	float: left;
	width: 20%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
}

.details-left-name {
	padding-bottom: 3px;
	width: auto;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
	border-bottom:1px #59983B; 
	border-bottom-style:dotted;
}

.details-left-pic {
	padding-top: 10px;
	padding-bottom: 5px;
}

.details-left-link {
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	padding-top: 5px;
}

.details-right {
	padding: 8px;
	float: right;
	width: 74%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
}

.details-right-title {
	text-align: left;
	padding-bottom: 3px;
	width: auto;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
	border-bottom:1px #59983B; 
	border-bottom-style:dotted;
}

.details-right-route {
	width: 100%;
	padding: 5px;
	float: left;
}

.details-right-depart {
	width: 50%;
	float: left;
}

.details-right-depart-title {
	padding-bottom: 8px;
	text-align: left;
	color: #59983B;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.details-right-depart-left {
	padding-left: 15px;
	float: left;
	width: 20%;
	text-align: left;
	color: #59983B;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.details-right-depart-right {
	float: right;
	width: 74%;
	text-align: left;
	font: normal 12px 'Open Sans','Lucida Grande', helvetica;
}

.details-right-arrive {
	width: 50%;
	float: right;
}

.details-right-info {
	width: 100%;
	padding: 5px;
	float: left;
}

.details-right-info-row {
	width: 100%;
	display: inline-block;
}

.details-right-info-left {
	float: left;
	width: 27%;
	text-align: left;
	color: #59983B;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.details-right-info-right {
	float: right;
	width: 73%;
	text-align: left;
	font: normal 12px 'Open Sans','Lucida Grande', helvetica;
}

.details-join-link {
	float: right;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	padding: 5px;
}

.row {
	width: 100%;
	display: inline-block;
}

.profile-left {
	padding: 8px;
	float: left;
	width: 20%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
}

.profile-left-name {
	padding-bottom: 3px;
	width: auto;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
	border-bottom:1px #59983B; 
	border-bottom-style:dotted;
}

.profile-left-pic {
	padding-top: 10px;
	padding-bottom: 5px;
}

.profile-left-link {
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	padding-top: 5px;
}

.profile-right {
	padding: 8px;
	float: right;
	width: 74%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
}

.profile-tab {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 8px;
	float: center;
	width : 96.5%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
    border-radius: 5px;
    display: inline-block;
}

.profile-tab-route {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border-bottom: 1px solid #59983B;
	text-align: left;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
}

.profile-middle {
	width: 100%;
	display: inline-block;
}

.profile-col {
	padding-left: 10px;
	width: 40%;
	float: left;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.profile-col2 {
	width: 36%;
	float: left;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.profile-col-left {
	float: left;
	width: 45px;
	text-align: left;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	color: #59983B;
}

.profile-col-right {
	float: right;
	width: 73%;
	text-align: left;
	font: normal 12px 'Open Sans','Lucida Grande', helvetica;
}

.profile-plate {
	padding-left: 10px;
	background-size: 100% 100%;
	width: 20%;
	float: left;
	background-image: url("/public/images/plate.png");
	text-align: center;
	font: bold 21px 'Open Sans','Lucida Grande', helvetica;
}

.profile-bottom {
	margin-top: 6px;
	text-align: center;
	display: inline-block;
}

.profile-bottom-col {
	width: 200px;
	float: left;
	text-align: center;
	font: bold 15px 'Open Sans','Lucida Grande', helvetica;
}



.message_menu {
	
	width: 710px;
	height: 24px;
	padding: 5px;
	text-align: left;
	border: solid #59983B;
	border-width: 0 0 1px 0;
}

.message_menu_a {
	
	position: relative;
	float: left;

	margin-left: 10px;
	padding: 5px;
	text-align: center;

	font: bold 13px 'Open Sans','Lucida Grande', helvetica;
	
	background: #F2F2F2;
    border: 1px solid #59983B;
    border-radius: 5px 5px 0 0;
    color: black;
}

.message_menu_a_active {
	
	position: relative;
	float: left;

	margin-left: 10px;
	padding: 5px;
	text-align: center;

	font: bold 13px 'Open Sans', 'Lucida Grande', helvetica;

	background: white;
    border: 1px solid #59983B;
    border-radius: 5px 5px 0 0;
    border-bottom-color: #FFF;
    color: black;
}

.message_top {
	margin-top: 10px;
	float: left;
	width: 100%;
    border: 1px solid #59983B;
}

.message_sender {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 27.7%;
	float: left;
	color: white;
	background: #3B5998;
}

.message_subject {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 50.02%;
	float: left;
	color: white;
	background: #3B5998;
}

.message_subject_req {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 54.02%;
	float: left;
	color: white;
	background: #3B5998;
}

.message_date {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 16.757%;
	float: left;
	color: white;
	background: #3B5998;
}

.message_date_req {
	padding-left: 3px;
	text-align: left;
	width: 16.757%;
	float: left;
	color: white;
	background: #3B5998;
}

.message_delete {
	padding-left: 3px;
	text-align: left;
	width: 3.445%;
	height: 20px;
	float: left;
	color: white;
	background: #3B5998;
}

.message_list {
	float: left;
	width: 100%;
}

.message_list_row {
	border-bottom: 1px solid #59983B;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	width: 100%;
}

.message_list_sender {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 27.7%;
	float: left;
	color: black;
}

.message_list_subject {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 50.02%;
	float: left;
	color: black;
}

.message_list_subject_req {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 54.02%;
	float: left;
	color: black;
}

.message_list_date {
	padding-left: 3px;
	text-align: left;
	margin-right: 1px;
	width: 16.757%;
	float: left;
	color: black;
}

.message_list_date_req {
	padding-left: 3px;
	text-align: left;
	width: 16.757%;
	float: left;
	color: black;
}

.message_list_delete {
	padding-left: 3px;
	text-align: center;
	width: 3.445%;
	float: left;
	color: black;
}

.message_details_main {
	display: inline-block;
	margin-top: 10px;
	float: center;
	width: 100%;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #59983B;
	border-radius: 5px;
}

.message_details_top {
	padding: 5px 5px 0px 5px;
	display: inline-block;
	width: 98.7%;
	background-color: #E1E8F4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.message_details_bottom {
	padding: 5px;
	width: 100%;
	text-align: left;
}

.message_details_row {
	border-bottom: 1px solid #59983B;
	width: 100%;
	display: inline-block;
}

.message_details_left {
	float: left;
	width: 10%;
	text-align: left;
	color: #59983B;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
}

.message_details_right {
	float: left;
	text-align: left;
	width: 90%;
}

.reply_link {
	float: right;
	font: bold 12px 'Open Sans','Lucida Grande', helvetica;
	padding: 5px 5px 0px 5px;
}


.series_follow {
	float: right;
	position: relative;
	
	font: bold 14px helvetica;
	color: #59983B;
	
	margin-left: 20px;
	
	border: 1px #59983B solid;
	border-radius: 10px;
	padding: 3px;
}


.series_share {
	float: right;
	position: relative;
	
	font: bold 14px 'Open Sans','Lucida Grande', helvetica;
	color: #59983B;
	
	margin-left: 10px;
	
	border: 1px #59983B solid;
	border-radius: 5px;
	padding: 3px;
}

.series_share a {
	font: bold 14px 'Open Sans','Lucida Grande', helvetica;
	color: #000000;

}

